<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>input元素</title>
  </head>

  <body>
    <form action="#" method="post">
      <!-- 1.文本框 -->
      <input type="text" name="test1" value="100" disabled /><br />
      <input type="text" name="test2" value="100" readonly />
      <input
        type="text"
        name="test3"
        placeholder="请输入一个数字"
        minlength="3"
        maxlength="6"
      />
      <hr />
      <!-- 2.密码框 -->
      <input type="password" placeholder="请输入密码" />
      <hr />

      <!-- 3.单选钮 -->
      <input type="radio" name="sex" checked />男
      <input type="radio" name="sex" />女
      <!--两两相排斥 name值必须一样 -->
      <input type="radio" name="num" />1 
      <input type="radio" name="num" />2
      <hr />

      <!-- 4.复选框/检查框 -->
      <input type="checkbox" name="hobby" checked />唱
      <input type="checkbox" name="bobby" checked />跳
      <input type="checkbox" name="bobby" />rap
      <hr />

      <!-- 5.文件上传按钮 -->
      <input type="file" />
      <input type="submit" value="上传" />
      <!-- value可以修该按钮的名称 -->
      <hr />

      <!-- 6.普通按钮 -->
      <input type="button" value="登录" />
      <input type="button" value="注册" />
      <hr />

      <!-- 7.图片按钮 -->
      <input type="image" src="img/1.png" title="刷新" />
      <hr />

      <!-- 8.提交按钮 -->
      <input type="submit" />
      <hr />

      <!-- 9.重置按钮 -->
      <input type="reset" />
    </form>
  </body>
</html>
